$(function () {
  initArtcatelist()
  var layer = layui.layer
  var form = layui.form
  // 初始化文章类别列表
  function initArtcatelist() {
    $.ajax({
      type: "GET",
      url: "/my/cate/list",

      success: function (response) {
        if (response.code !== 0) {
          return layer.msg("获取数据失败!")
        }

        var htmlStr = template("tpl-form", response)
        $("tbody").html(htmlStr)
      }
    })
  }
  // 将接受弹出框的返回值
  var idnexAdd = null
  // 为添加类别按钮绑定点击事件
  $("#btnAddCate").on("click", function () {
    idnexAdd = layer.open({
      type: 1,
      area: ["500px", "250px"],
      title: "添加文章分类",
      content: $("#dialog-add").html()
    })
  })
  // 为添加类别页面绑定提交事件
  $("body").on("submit", "#form-add", function (e) {
    e.preventDefault()

    $.ajax({
      type: "POST",
      url: "/my/cate/add",
      data: $(this).serialize(),
      success: function (response) {
        if (response.code !== 0) {
          return layer.msg("添加失败!")
        }
        initArtcatelist()
        layer.close(idnexAdd)
      }
    })
  })
  var indexEdit = null
  $("tbody").on("click", ".btn-edit", function () {
    // 弹出一个修改文章分类信息的层
    indexEdit = layer.open({
      type: 1,
      area: ["500px", "250px"],
      title: "修改文章分类",
      content: $("#dialog-edit").html()
    })
    var id = $(this).attr("data-id")
    $.ajax({
      type: "get",
      url: "/my/cate/info",
      data: {
        id
      },
      success: function (res) {
        form.val("form-edit", res.data)
      }
    })
  })

  //   给form-edit绑定提交事件
  $("body").on("submit", "#form-edit", function (e) {
    e.preventDefault()
    $.ajax({
      type: "PUT",
      url: "/my/cate/info",
      data: $(this).serialize(),
      success: function (response) {
        layer.msg("更新分类数据成功！")
        layer.close(indexEdit)
        initArtcatelist()
      }
    })
  })
  // 添加删除分类按钮的点击事件
  $("tbody").on("click", "#btn-delete", function () {
    var id = $(this).attr("data-id")
    // 提示用户是否要删除
    layer.confirm("确认删除?", { icon: 3, title: "提示" }, function (index) {
      $.ajax({
        method: "DELETE",
        url: "/my/cate/del?id=" + id,

        success: function (res) {
          if (res.code !== 0) {
            return layer.msg("删除分类失败！")
          }
          layer.msg("删除分类成功！")
          layer.close(index)
          initArtcatelist()
        }
      })
    })
  })
})
